<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url()."css/redmond/jquery-ui-1.8.14.custom.css";?>" rel="stylesheet" />
        <script src="<?php echo base_url()."js/jquery-ui-1.8.14.custom.min.js";?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url()."css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url()."js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url()."js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
            .ui-jqgrid tr.jqgrow td {
                white-space: normal !important;
                height:auto;
                vertical-align:text-top;
                padding-top:2px;
            }
        </style>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/totalEmpresas/"); ?>',
                    datatype: 'json',
                    mtype: 'POST',
                    colNames:['Razon','Nit','Sector','Ciudad','Departamento','Direccion','Contacto','E-mail','Telefono','Página','Fecha Registro'],
                    colModel :[
                        {name:'empresaRazon',index:'empresaRazon', width:170},
                        {name:'empresaNit',index:'empresaNit', width:110},
                        {name:'sector',index:'sector', width:110},
                        {name:'ciudad',index:'ciudad', width:120},
                        {name:'departamento',index:'departamento', width:130},
                        {name:'empresaDireccion',index:'empresaDireccion', width:220},
                        {name:'empresaContacto',index:'empresaContacto', width:220},
                        {name:'usuario',index:'usuario', width:220},
                        {name:'empresaTelefono1',index:'empresaTelefono1', width:100},
                        {name:'empresaPagina',index:'empresaPagina', width:100},
                        {name:'empresaFechaCreo',index:'empresaFechaCreo', width:220,editable:true}
                    ],
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[50,100,200,1000],
                    sortname: 'empresaRazon',
                    sortorder: "asc",
                    viewrecords: true,
                    multiselect: true, 
                    caption: 'EMPRESAS ACTIVAS EN EL SISTEMA'
                });
                //Barra de navegación
                jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
                <?php $this->load->view('enReady'); ?>
}); //fin $(document).ready(function(){
        </script>
    </head>
    <body>
        <div class="divTitulo" style="margin-bottom: 10px">Total empresas</div>
        <div style="text-align: left">
        <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />

        <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>

        <div id="pager" class="scroll" ></div>
        <table id="list" class="scroll" ></table>
    </body>
</html>
